@charset "utf-8";
/* CSS Document */
/*css 是在style属性里面的，可以说整个css样式都是style的值*/
.box{width:1000px; height:500px; background:red; font-family:"黑体",Arial; 
/*font-family 控制字体*/
/* 当字体是中文的，就要使用双引号把字体的名字框起来*/
/*如果是一个单词的英文字体名字就可以不用双引号 font-family:ying*/
/*当英文字体是多个单词的话就需要用双引号font-family:"ying wen zi ti"*/
font-size:50px;
/*必须要有单位*/
color:blue;
/*颜色值 三个的也是生效的 #f00 ff0000*/
/*l六位色缩写成三位色的时候 R G B两位数值必须一样*/
/*  R  G  B*/
/*# 00 00 00*/
/*color:#fff000*/
/*rgb(255,255,255) 对应着 #ff ff ff*/
/*color:rgb(255,255,255);*/
color:rgba(0,0,0,1);
/*a 透明度 透明度的值在0-1之间，0是全透明，1是不透明*/
font-weight:normal;
/*加粗数值在100-900之间，100到500无效果，500以上有效果*/
font-style:italic;
/*字体格式倾斜 值有italic oblique normal(正常，不倾斜)*/
font-variant:small-caps;
/*改变字体大小写 font-variant：small-caps 小写会变成大写，*/
/*svwsf  style variant weight size family 这是一种符合写法 ，可以去掉一些属性不全写完*/
font:italic normal bold 30px "宋体";
text-align:center;
/*align 对齐方式*/

/*************设置第一行缩进**text-indent 其值可正可负*************************************/
text-indent:100px;
/*设置字与字之间的距离*/
letter-spacing:50px;

word-spacing:50px;
/*只作用于英文单词之间的距离*/

layout-flow:vertical-ideographic;
/*文本方向只在IE有效*/

text-transform:lowercase;
/*字母大小写转变 lowercase 大变小 uppercase 小变大*/
text-shadow:black 5px 5px 10px;
/*三个数字要有顺序，第一个数字式阴影的右偏移；第二个是下偏移；第三个是虚化程度*/
/*颜色房前房后都可以*/
}
.box1,.box2{width:1000px; height:800px; text-align:center; background:yellow; line-height:200px;}
/*text-align (暂时)不能作用于div标签，所以div标签就可以使用margin居中*/
.innerbox{width:200px; height:200px; background:blue; margin:0 auto;}
.box11{width:1000px; height:200px; background:gray; text-align:justify; vertical-align:middle;
/*justify 两端对齐只作用于英文*/
/*vertical 竖直 vertical-align非常不好用，生效环境少*/
word-spacing:10px;
/*只作用于英文单词之间的距离*/

layout-flow:vertical-ideographic;
/*文本方向只在IE有效*/

text-transform:lowercase;
/*字母大小写转变 lowercase 大变小 uppercase 小变大*/

}
.linebox{width:500px; height:200px; line-height:200px; background:pink; text-align:center;}
/*line-height 可以是文本竖直居中，text-align:center水平居中 */
/*行高不使用单位的时候，行高就会跟着字号变化*/
.line p{background:red;}
a{text-decoration:underline;}
/*a标签的默认值text-decoration：underline；*/
/*underline 下划线  line-through 中划线 overline 上划线*/
/*设置三个属性 属性见空格隔开*/
b{font-size:40px; 
/*b标签默认就是加粗，想让b不加粗只需要改变他的font-weight属性值 font-weight：normal*/
/*标签的自带属性值虽然有用，但是有的标签用处不是特别大，更多的是用来划分层次*/
font-weight:normal;}
i{font-style:normal;}